//Global variables
$base-color: #1b1b1b;
$base_gradient : glossy;
$active-color: #0097e9;

$include-default-icons: false;

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-list-paging;
@include sencha-list-pullrefresh;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;

//Custome styles
@include pictos-iconmask(event_dc);
@include pictos-iconmask(search_dc);
@include pictos-iconmask(favorites_dc);
@include pictos-iconmask(nearby_dc);
@include pictos-iconmask(more_dc);
@include pictos-iconmask(back_dc);

//Event lists
.x-html{
    padding:0;
}
.x-fullscreen{
	background:#fff;	
}
.x-list{
	background:	#fff;
}
.x-list .dcEventList{
	padding:1em;		
}
.dcEventList{
	.thumb{
		float:left;	
		margin-right:20px;
	}
	.details{
		display:table-cell;
	}	
	.date{
		display:block;
	}
	h3{
		margin-bottom:.2em;
	}
}

.content{
    padding:1.2em;
}
.content{
    .spotlight{
        margin-bottom:.8em;
    }
    h1{
        font-size:2em;
        font-weight:bold;
        border-bottom:.2em solid #cecece;
        padding-bottom:.4em;
        margin-bottom:.4em;
    }
    .summary{
        font-weight:bold;
        font-size:1.2em;
        margin-bottom:1em;
    }
    .event-info{
        list-style:none;
        margin:0;
    }
    .event-info li{
       border-bottom:.1em solid #cecece;
       padding:0 0 .2em;
       margin-bottom:.2em;
       list-style:none;
    }
    .event-info span{
       float:left;
       width:6em;
    }
}
